<script setup>
import Header from '@/pages/Header.vue';
import Swipper from '@/pages/Swipper.vue';
import Main from '@/pages/Main.vue';
import Footer from '@/pages/Footer.vue';

</script>

<template>
  <div class="container">
    <Swipper />
    <Header />
    <Main />
    <Footer />
  </div>
</template>

<style scoped>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
</style>